    <!DOCTYPE html>
    <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
    <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
    <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Rectangle Mobile Template</title>

    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/templatemo-style.css">
    
    <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>

    <body>
    <!--[if lt IE 7]>
                <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
            <![endif]--> 

    <!---背景--->
    <div class="site-bg"></div>
    <div class="site-bg-overlay"></div>

    <!-- TOP HEADER -->
    <div class="top-header">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-sm-6 col-xs-12">
            <p class="phone-info">Call us: <a href="#">010 020 0340</a></p>
          </div>
          <div class="col-md-6 col-sm-6 col-xs-12">
            <div class="social-icons">
              <ul>
                <li><a href="#" class="fa fa-facebook"></a></li>
                <li><a href="#" class="fa fa-twitter"></a></li>
                <li><a href="#" class="fa fa-linkedin"></a></li>
                <li><a href="#" class="fa fa-dribbble"></a></li>
                <li><a href="#" class="fa fa-rss"></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <!--  container  end--> 
    </div>
    <!-- .top-header  end--> 

    <!--  visible-xs visible-sm responsive-menu  -->
    <div class="visible-xs visible-sm responsive-menu"> <a href="#" class="toggle-menu"> <i class="fa fa-bars"></i> Show Menu </a>
      <div class="show-menu">
        <ul class="main-menu">
          <li> <a class="show-1 active homebutton" href="#"><i class="fa fa-home"></i>Home</a> </li>
          <li> <a class="show-2 aboutbutton" href="#"><i class="fa fa-user"></i>About Us</a> </li>
          <li> <a class="show-3 projectbutton" href="#"><i class="fa fa-camera"></i>product</a> </li>
          <li> <a class="show-5 contactbutton" href="#"><i class="fa fa-envelope"></i>Contact</a> </li>
        </ul>
      </div>
      <!--  show-menu  end--> 
    </div>
    <!--  visible-xs visible-sm responsive-menu  end -->

    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >免费模板</a></div>

    <!--  container  page-content-->
    <div class="container" id="page-content">
      <div class="row"> <!-- row  -->
    
        <div class="col-md-9 col-sm-12 content-holder"> <!-- col-md-9 col-sm-12 content-holder -->
          <div id="menu-container"> <!--menu-container -->
        
            <div class="logo-holder logo-top-margin"> <a href="#" class="site-brand"><img src="images/logo.png" alt=""></a> </div>
        
            <!--menu-1 -->
            <div id="menu-1" class="homepage home-section text-center">
              <div class="welcome-text"> <!--welcome-text -->
                <h2>Hello, Welcome to <strong>Jiaciwang</strong></h2>
                <p>家瓷网电商平台传承经典陶瓷文化艺术，尊重品牌价值和内涵，将始终维护商家的品牌利益，欢迎优质品牌旗舰店入驻。能够满足家瓷网用户群体优质、有特色的商品。包括：餐具、饮具、厨具、饰品摆件、艺术工艺、周边配件.家瓷网将结合各行业发展动态、国家相关规定及消费者购买需求，不定期更新招商标准。</p>
                
                  <form action="#" method="get" class="subscribe-form">
                  <div class="row">
                    <fieldset class="col-md-offset-2 col-md-6">
                      <input name="subscribe-email" type="email" class="email" id="subscribe-email" placeholder="Write your email here..">
                    </fieldset>
                    <fieldset class="col-md-4 button-holder">
                      <input name="submit" type="submit" class="button default" id="submit" value="Submit">
                    </fieldset>
                  </div>
                 <!-- <p class="subscribe-text">Please subscribe your email for latest updates!</p>-->
                </form>

              </div>
              <!--welcome-text  end--> 
            </div>
            <!--menu-1  end--> 
        
            <!--menu-2  -->
            <div id="menu-2" class="content about-section">
              <div class="row"> <!--row-->
            
                <div class="col-md-8 col-sm-8">
                  <div class="box-content profile">
                    <h3 class="widget-title">Learn about us</h3>
                    <div class="profile-thumb"> <img src="images/8.jpg" alt=""> </div>

                    <div class="profile-content">
                      <h5 class="profile-name">jiaciwang</h5>
                      <span class="profile-role">about us</span>
                      <p> 家瓷网是全球首家集家瓷销售、品牌推广、私人订制、藏品拍卖、文化艺术及互联网金融为一体的综合型家瓷垂直电商平台，囊括陶瓷餐具、茶具、艺品等家庭日用陶瓷品类。<br>
                        <br>
                       <p>通过家瓷网的营销平台提升消费者对家用陶瓷行业及陶瓷文化的认知，树立家瓷品牌意识，塑造家瓷品牌形象.</p>
                    </div>
                  </div>
                </div>

                <div class="col-md-4 col-sm-4">
                  <div class="box-content">
                    <h3 class="widget-title">入驻申请程</h3>
                    <p>商家首先关注家瓷网电子商务平台入驻标准，确认符合要求。商家从家瓷网电子商务平台商家入驻端口申请注册，按要求填写相关信息提交注册；或者商家根据要求准备相关信息发送至家瓷网指定邮箱。</p>
                    <div class="about-social">
                      <ul>
                        <li><a href="#" class="fa fa-facebook"></a></li>
                        <li><a href="#" class="fa fa-twitter"></a></li>
                        <li><a href="#" class="fa fa-linkedin"></a></li>
                        <li><a href="#" class="fa fa-dribbble"></a></li>
                      </ul>
                    </div>
                  </div>
                </div>

              </div>
              <!--row  end--> 
          
              <!--  row  -->
              <div class="row">
                <div class="col-md-5 col-sm-5">
                  <div class="box-content">
                    <h3 class="widget-title">Our product</h3>
                    <div class="project-item"> <img src="images/7.jpg" alt="">
                      <div class="project-hover">
                        <h4>Great Nature Capture</h4>
                      </div>
                    </div>
                  </div>
                </div>
            
                <!--  col-md-7 col-sm-7 -->
                <div class="col-md-7 col-sm-7">
                  <div class="box-content"> <!--  box-content -->
                    <h3 class="widget-title">Our product category</h3>
                    <ul class="progess-bars">
                      <li> <span>瓷器套餐 80%</span>
                        <div class="progress">
                          <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div>
                        </div>
                      </li>
                      <li> <span>餐具套餐 95%</span>
                        <div class="progress">
                          <div class="progress-bar" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%;"></div>
                        </div>
                      </li>
                      <li> <span>水杯 70%</span>
                        <div class="progress">
                          <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
                        </div>
                      </li>
                      <li> <span>厨具 50%</span>
                        <div class="progress">
                          <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;"></div>
                        </div>
                      </li>
                    </ul>
                  </div>
                  <!--  box-content  end--> 
                </div>
                <!--  col-md-7 col-sm-7  end--> 
            
              </div>
              <!--  row  --> 
            </div>
            <!--menu-2  end--> 
        
            <!--menu-3 -->
            <div id="menu-3" class="content gallery-section">
              <div class="box-content"> <!--  box-content -->
                <h3 class="widget-title">Past Projects</h3>
                <div class="row"> <!--  row -->
              
                  <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="project-item"> <img src="images/1.jpg" alt="">
                      <div class="project-hover">
                        <h4>One product</h4>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="project-item"> <img src="images/2.jpg" alt="">
                      <div class="project-hover">
                        <h4>One product</h4>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="project-item"> <img src="images/3.jpg" alt="">
                      <div class="project-hover">
                        <h4>One product</h4>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="project-item"> <img src="images/4.jpg" alt="">
                      <div class="project-hover">
                        <h4>One product</h4>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="project-item"> <img src="images/5.jpg" alt="">
                      <div class="project-hover">
                        <h4>One product</h4>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="project-item"> <img src="images/6.jpg" alt="">
                      <div class="project-hover">
                       <h4>One product</h4>
                      </div>
                    </div>
                  </div>
                </div>
                <!--  row  end-->
            
                <div class="project-pages">
                  <ul>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">...</a></li>
                  </ul>
                </div>
                <!--project-pages --> 
            
              </div>
              <!--  box-content end--> 
            </div>
            <!--menu-3  end--> 
        
            <!--menu-4 -->
            <div id="menu-4" class="content contact-section">
              <div class="row">
                <div class="col-md-8 col-sm-8"> <!--col-md-8 col-sm-8 -->
                  <div class="box-content"> <!--box-content -->
                    <h3 class="widget-title">Send Us A Message</h3>
                    <form class="contact-form">
                      <fieldset>
                        <input type="text" class="name" id="name" placeholder="Name...">
                      </fieldset>
                      <fieldset>
                        <input type="email" class="email" id="email" placeholder="Email...">
                      </fieldset>
                      <fieldset>
                        <input type="text" class="subject" id="subject" placeholder="Subject...">
                      </fieldset>
                      <fieldset>
                        <textarea name="message" id="message" cols="30" rows="4" placeholder="Message.."></textarea>
                      </fieldset>
                      <fieldset>
                        <input type="submit" class="button" id="button" value="Send Message">
                      </fieldset>
                    </form>
                  </div>
                  <!--box-content  end--> 
                </div>
                <!--col-md-4 col-sm-4  end--> 
            
                <!--col-md-4 col-sm-4 -->
                <div class="col-md-4 col-sm-4">
                  <div class="box-content">
                    <h3 class="widget-title">Contact us</h3>
                    <p>家瓷网是全球首家集家瓷销售、品牌推广、私人订制、藏品拍卖、文化艺术及互联网金融为一体的综合型家瓷垂直电商平台。囊括陶瓷餐具、茶具、咖啡具、厨房用具日用陶瓷品类<br>
                      <br>
                      用陶瓷品类。通过家瓷网的营销平台提升消费者对家用陶瓷行业及陶瓷文化的认知，树立家瓷品牌意识，塑造家瓷品牌形象，以推动整个家瓷行业的发展。 </p>
                    <div class="about-social">
                      <ul>
                        <li><a href="#" class="fa fa-facebook"></a></li>
                        <li><a href="#" class="fa fa-twitter"></a></li>
                        <li><a href="#" class="fa fa-linkedin"></a></li>
                        <li><a href="#" class="fa fa-dribbble"></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <!--col-md-4 col-sm-4  end--> 
            
              </div>
              <!--row  end--> 
            </div>
            <!--menu-4  end--> 
        
          </div>
          <!--menu-container  end--> 
        </div>
        <!--col-md-9 col-sm-12 content-holder    end--> 
    
        <!-- col-md-3 hidden-sm  -->
        <div class="col-md-3 hidden-sm">
          <nav id="nav" class="main-navigation hidden-xs hidden-sm">
            <ul class="main-menu">
              <li> <a class="show-1 active homebutton" href="#"><i class="fa fa-home"></i>Home</a> </li>
              <li> <a class="show-2 aboutbutton" href="#"><i class="fa fa-user"></i>About Us</a> </li>
              <li> <a class="show-3 projectbutton" href="#"><i class="fa fa-camera"></i>product</a> </li>
              <li> <a class="show-5 contactbutton" href="#"><i class="fa fa-envelope"></i>Contact</a> </li>
            </ul>
          </nav>
        </div>
        <!-- col-md-3 hidden-sm  end--> 
    
      </div>
      <!-- row  end--> 
    </div>
    <!--  container  page-content     end--> 

    <!-- SITE-FOOTER -->
    <div class="site-footer">
      <div class="container">
        <div class="row">
          <div class="col-md-12 text-center">
            <p>Copyright &copy; 2017 Company Name |  jiaciwang <a href="#" target="_blank" title="模板之家">xxxx</a> - Collect from <a href="#" title="xxxx" target="_blank">xxxx</a></p>
          </div>
        </div>
      </div>
    </div>
    <!-- .site-footer --> 

    <script src="js/vendor/jquery-1.10.2.min.js"></script> 
    <script src="js/plugins.js"></script> 
    <script src="js/main.js"></script> 
    <!-- templatemo 439 rectangle -->
    </body>
    </html>